﻿@using HopNguyenCms.Infrastructure
@model HopNguyenModel.Content
@{
    Layout = "~/Views/Shared/_FrontendLayout.cshtml";
}

@section SEO{
    @Html.Raw(ViewBag.Meta)
}

<section id="main" class="col-left">
    <article id="contact-page" class="page">
        <h1 class="title-video">@Html.Raw(Model.Name)</h1>
        <section class="entry">
            <div class="watch-video">
                <iframe src="//www.youtube.com/embed/@Model.Alias" frameborder="0" allowfullscreen></iframe>
            </div>
            <div class="col-full video-tool">
                <div class="row-fluid">
                    <div class="span8">
                        <div class="like-video">
                            <div class="fb-share">
                                <div class="fb-like" data-href="@Request.Url" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
                            </div>
                            <div class="g-share">
                                <div class="g-plusone" data-size="medium"></div>
                            </div>
                            <div class="twitter-share">
                                <a href="https://twitter.com/share" class="twitter-share-button" data-via="getlinkyoutube">Tweet</a>
                            </div>
                        </div>
                    </div>
                    <div class="span4 text-right">
                        <a href="@AppSettings.CurrentDomain/watch?v=@Model.Alias" title="Click to download this video" class="submit button" target="_blank">Download video</a>
                    </div>
                </div>
            </div>

            <div id="disqus_thread"></div>
            <script type="text/javascript">
                var disqus_shortname = 'getlinkyoutube';
                (function () {
                    var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
                    dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
                    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
                })();
            </script>
            <br />
            <div class="all-videos"></div>
        </section>
    </article>

    <!-- /#contact-page -->
</section>
<!-- /#main -->
